<script setup lang="ts">
import type { LineModel } from '#/api/master/models';

import { ref } from 'vue';

import { Page } from '@vben/common-ui';

import Line from './line.vue';
import Workstation from './workstation.vue';

const selected = ref<LineModel>();
</script>

<template>
  <Page auto-content-height>
    <div class="flex h-full w-full">
      <div class="w-5/12">
        <Line v-model:selected="selected" />
      </div>
      <div class="w-7/12">
        <Workstation :line-id="selected?.id" />
      </div>
    </div>
  </Page>
</template>
